@import './_config.scss';
@import './jquery_confirm.scss';
@import './animate.scss';
@import './**/*';
@import './_common.scss';
@import 'base/pagination.scss';
@import './mobile_common.scss';

#cnzz_stat_icon_1263923629 {
  display: none;
}

a, a:hover, a:active, a:focus{
  color: $color-normal;
  text-decoration: none;
}

html {
  font-size: $basic-font-size !important;

  &, body {
    font-family: PingFangSC-Light,'微软雅黑','Hiragino Sans GB','华文细黑','STHeiti','Microsoft YaHei',SimHei,'Helvetica Neue',Helvetica,Arial,sans-serif !important;
    height: 100%;
  }

  div#app {
    height: 100%;

    // @media screen and (max-width: 768px) {
    // }
  }

  div.register {
    height: 100%;
    background-color: #f1f1f1;
  }

  .margin-reset {
    margin: 0;
  }

  .padding-reset {
    padding: 0;
  }

  .padding-left-reset {
    padding-left: 0;
  }

  .float-center {
    text-align: center;
  }

  // .btn-lg{
  //   padding: 10px 20px !important;
  //   font-size: 16px !important;
  // }

  .btn{
    &, &:focus, &:hover, &:active{
      border-radius: 0;
    }
  }

  // 项目主色调按钮 start
  .btn-primary {
    &,
    &:active,
    &:focus,
    &:hover {
      border: 1px solid #37ca73 !important;
      border-radius: 0;
      background-color: $color-private !important;
    }
  }

  .btn-normal {
    &,
    &:active,
    &:focus,
    &:hover {
      border: 0;
      border-radius: 0;
      background-color: $color-bg !important;
    }
  }

  .btn-default {
    &,
    &:active,
    &:focus,
    &:hover {
      border-radius: 0;
      background-color: $color-default !important;
    }
  }
  // 项目主色调按钮 end
  // 涉及到文字的颜色 start
  .private-color {
    color: $color-private !important;
  }

  .normal-color {
    color: $color-normal !important;
  }

  .red-color{
    color: red;
  }

  .gray-color{
    color: $color-normal;
  }

  .warning-color{
    color: #F7CE64;
  }
  // 涉及到文字的颜色 end
  // 主要的文本框
  .private-input {
    height: 40px;

    border-color: $color-border;
    border-radius: 0;

    line-height: 2;

    &:focus {
      border-color: $color-private;
    }
  }
  // 主要的按钮
  .private-btn {
    &, &:hover, &:focus, &:active{
      padding-top: 10px;
      padding-bottom: 10px;
      box-shadow: 0 0 10px 0 $color-private;
      font-size: 1.6rem;
      outline: none;
    }
  }

  .top-row {
    padding-top: 2rem;
    padding-bottom: 2rem;

    .pull-right {
      margin-top: 1rem;

      a {
        &,
        &:active,
        &:focus,
        &:hover {
          cursor: pointer;
          text-decoration: none;

          color: $color-normal;
        }
      }
    }
  }
  .pc-pagination{
    >a, >span{
      width: 20px;
      height: 20px;
      border: 1px solid $color-border;
      padding: 5px 10px;
      &, &:hover, &:focus, &:active{
        text-decoration: none;
        color: $color-normal;
      }
    }
    .current{
      border-color: $color-private;
      &, &:hover, &:focus, &:active{
        color: $color-private;
      }
    }
  }

  .big-container{
    padding: 20px 0;
    background-color: $color-bg;
  }
}

.reset-right-padding{
  padding-right: 0 !important;
}

.header-icon{
  font-size: 20px;
}

// 拥有边框线的button
.btn-primary-border{
  outline: none !important;
  &, &:focus, &:hover, &:active{
    background-color: $color-default;
    border: 1px solid $color-private;
    color: $color-private;
  }
  //
  // &:hover{
  //   color: $color-default;
  //   background-color: $color-private;
  //   border-color: $color-border;
  // }
}
